.c3 svg {
    font: 10px sans-serif;
    -webkit-tap-highlight-color: transparent;
}

.c3 path, .c3 line {
    fill: none;
    stroke: #001E26;
}

.c3 text {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.c3-legend-item-tile,
.c3-xgrid-focus,
.c3-ygrid,
.c3-event-rect,
.c3-bars path {
    shape-rendering: crispEdges;
}

.c3-chart-arc path {
    stroke: #fff;
}

.c3-chart-arc text {
    fill: #fff;
    font-size: 13px;
}


/*-- Tooltip --*/
.c3-tooltip-container {
    z-index: 10;
}

.c3-tooltip {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    -webkit-box-shadow: 7px 7px 12px -9px #777777;
    -moz-box-shadow: 7px 7px 12px -9px #777777;
    box-shadow: 7px 7px 12px -9px #777777;
    opacity: 0.9;
    background-color: #001E26 !important;
}

.c3-tooltip tr {
    border: 1px solid #003543;
}

.c3-tooltip th {
    background-color: #003543;
    font-size: 14px;
    padding: 2px 5px;
    text-align: left;
    color: #000;
}

.c3-tooltip td {
    font-size: 13px;
    padding: 3px 6px;
    background-color: #001E26;
    border-left: 1px dotted #003543; }

.c3-tooltip td > span {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 6px; }

.c3-tooltip td.value {
    text-align: right;
}

/*-- Select - Drag --*/
/*-- Legend --*/
.c3-legend-item {
    font-size: 14px;
    fill: #fff;
    stoke: #001E26;
}

.c3-legend-item-hidden {
    opacity: 0.15;
}

.c3-legend-background {
    opacity: 0.75;
    fill: red;
    stroke: lightgray;
    stroke-width: 1;
}